<template>
  <header class="header_area">
    <div style="max-width: 1200px;margin-right: auto;margin-left: auto;text-align: left;display: flex;align-items: center;">
      <img src="./../../assets/logo.png" style="width: 40px;height: 40px;" ><span style="font-family: Poppins, sans-serif;color: #76787b;">摩尔庄园</span>
    </div>
  </header>
</template>
<script>

  export default {
    name: 'GlobalHeader',
    components: {

    },
    mixins: [],
    data() {
      return {

      }
    }
  }
</script>

<style>
.header_area {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 15px 0;
  background: #fff;
  box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);
}

.transparent_header {
  position: absolute;
  top: 33px;
  left: 0;
  width: 100%;
  z-index: 337;
}

</style>
